<script setup lang="ts">
defineProps({
  color: {
    type: String,
    default: 'grey'
  },
  width: {
    type: Number,
    default: 20
  },
  height: {
    type: Number,
    default: 20
  }
})
</script>
<template>
  <svg
    :width="width"
    :height="height"
    viewBox="0 0 48 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M37 37C39.2091 37 41 35.2091 41 33C41 31.5272 39.6667 29.5272 37 27C34.3333 29.5272 33 31.5272 33 33C33 35.2091 34.7909 37 37 37Z"
      fill="black"
    />
    <path
      d="M20.8535 5.50439L24.389 9.03993"
      :stroke="color"
      stroke-width="4"
      stroke-linecap="round"
    />
    <path
      d="M23.6818 8.33281L8.12549 23.8892L19.4392 35.2029L34.9955 19.6465L23.6818 8.33281Z"
      :stroke="color"
      stroke-width="4"
      stroke-linejoin="round"
    />
    <path d="M12 20.0732L28.961 25.6496" :stroke="color" stroke-width="4" stroke-linecap="round" />
    <path d="M4 43H44" :stroke="color" stroke-width="4" stroke-linecap="round" />
  </svg>
</template>
